<template>
	<view>
		<view class="financial-item" @click="click">
			<view class="financial-left">
				<view class="financial-icon">
					<image :src="'/static/' + image" mode=""></image>
				</view>
				<view class="financial-title">
					{{title}}
				</view>
			</view>
			<view class="financial-right">
				<image src="/static/images/public/more.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	/**
	 * 基础列表组件
	 */
	export default {
		name:"cy-easy-list",
		data() {
			return {
				
			};
		},
		props:{
			image:{
				type: String,
				default: "icon.png"
			},
			title:{
				type: String,
				default: "title"
			}
		},
		methods:{
			click(){
				this.$emit('link');
			}
		}
	}
</script>

<style>
	view{
		box-sizing: border-box;
	}
	image{
		 display: block;
		 vertical-align:bottom
	}
	.financial-item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 690rpx;
		height: 152rpx;
		background: #FFFFFF;
		box-shadow: 4rpx 0rpx 40rpx 0rpx rgba(0, 0, 0, 0.06);
		border-radius: 8rpx;
		margin: 0 auto 30rpx;
		padding: 30rpx;
	}
	.financial-left{
		display: flex;
		align-items: center;
	}
	.financial-icon{
		margin-right: 30rpx;
	}
	.financial-icon image{
		width: 72rpx;
		height: 72rpx;
	}
	.financial-right image{
		width: 24rpx;
		height: 24rpx;
	}
	.financial-title{
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #212121;
	}
</style>
